<template>
  <div class="swiper-head-box">
    <div class="logo-box">
      <img src="~/static/logo.png" class="logo" />
    </div>
    <div class="index-nav-box">
      <a-menu v-model="current" mode="horizontal">
        <a-menu-item key="mail"> 了解欢网 </a-menu-item>
        <a-menu-item key="app"> 核心业务 </a-menu-item>
        <a-sub-menu popupClassName="submenu-box" key="submenu:1">
          <span slot="title" class="submenu-title-wrapper">新闻动态</span>
          <a-menu-item-group :title="false">
            <a-menu-item key="setting:1"> 智能营销服务 </a-menu-item>
            <a-menu-item key="setting:2">运营商服务 </a-menu-item>
            <a-menu-item key="setting:3">应用服务 </a-menu-item>
          </a-menu-item-group>
        </a-sub-menu>
        <a-menu-item key="alipay"> 联系我们 </a-menu-item>
      </a-menu>
      <!-- <div class="search-box"></div> -->
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      current: ["mail"],
    };
  },
};
</script>
<style>
.nuxt-logo {
  height: 180px;
}
.ant-menu{
  background: #000;
}
</style>
